<template>
  <div class="home">
    <fun-tabs v-model="value">
      <fun-tab-item name="1" title="推荐" />
      <fun-tab-item name="2" title="大红袍" />
      <fun-tab-item name="3" title="绿茶" />
      <fun-tab-item name="4" title="铁观音" />
      <fun-tab-item name="5" title="普洱" />
      <fun-tab-item name="6" title="茶具" />
      <fun-tab-item name="7" title="花茶" />
    </fun-tabs>
  </div>
</template>

<script >
import { ref } from "vue";
export default {
  name: "FunTab",
  data() {
    return {
      value: "1",
    };
  },
};
</script>

<style scoped>
.fun-tabs {
  top: 53px;
  border-bottom: 0;
}
</style>